<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    #app {
      --base-color: red;
      width: 100px;
      height: 100px;
      background-color: var(--base-color);
    }
  </style>
</head>

<body>
  <div>
    用户可能从左到右（与文档方向相同）选择文本或从右到左（与文档方向相反）选择文本。anchor 指向用户开始选择的地方，而 focus 指向用户结束选择的地方。如果你使用鼠标选择文本的话，anchor 就指向你按下鼠标键的地方，而
    focus 就指向你松开鼠标键的地方。anchor 和 focus 的概念不能与选区的起始位置和终止位置混淆，因为 anchor 指向的位置可能在 focus 指向的位置的前面，也可能在 focus
    指向位置的后面，这取决于你选择文本时鼠标移动的方向（也就是按下鼠标键和松开鼠标键的位置）。
    <div id="app"></div>
  </div>
  <script>
    // window.onfocus = function () {
    //   console.log('window.getSelection()', window.getSelection());
    // }
    // window.onblur = function () {
    //   console.log('window.getSelection()', window.getSelection());
    // }
    let arr1 = [1, 7, 3, 6, 5, 6]
    var pivotIndex = function (nums) {
      let left = new Number(), right = new Number()
      for (let index = 0; index < nums.length; index++) {
        for (let i = 0; i < index; i++) {
          left += nums[i]
        }
        for (let j = nums.length - 1; j > index; j--) {
          right += nums[j]
        }
        if (left == right) {
          return index
          break
        } else {
          left = new Number()
          right = new Number()
        }
        if (index === nums.length - 1) {
          return -1
        }
      }
    };
    console.log(pivotIndex(arr1));
  </script>
  <script>
    var pivotIndex2 = function (nums) {
      let sum = nums.reduce((a, b) => a + b)
      let sum1 = 0
      for (let i = 0; i < nums.length; i++) {
        sum1 += nums[i];
        console.log('sum-sum1,sum,sum1,nums[i]', sum - sum1, sum, sum1, nums[i]);
        // (全部的数减去左边的=右边的数) == (左边的加上中间数 减去中间数)
        if (sum - sum1 == sum1 - nums[i])
          return i;
      }
    }
    console.log('pivotIndex2', pivotIndex2(arr1));
  </script>
</body>

</html>